<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

      <form action="">
          <label for="">用户名</label>
          <input type="text" id='username'>
          <hr>
          <label for="">密码</label>
          <input type="password" id='pwd'>
          <hr>
          <label for="">性别</label>
          <input type="radio" name='gender' value="M">男
           <input type="radio" name='gender' value="F">女
          <hr>
          <label for="">爱好</label>
          <input type="checkbox" name='aihao' value='sport'>运动
          <input type="checkbox" name='aihao' value='movie'>电影
          <input type="checkbox" name='aihao' value='music'>音乐
          <hr>
          <label for="">出生年份</label>
          <select name="" id="birthday">
              <option value="">1991</option>
              <option value="">1992</option>
              <option value="">1993</option>
              <option value="">1994</option>
              <option value="">1995</option>
              <option value="">1996</option>
          </select>
          <hr>
          <label for="">个人评讲</label>
          <textarea name="" id="intro" cols="30" rows="10"></textarea>
        

      </form>
    
</body>
</html>

<script>


/*
   js如何操作表单元素
     1  所有的表单控获取值 都是使用 value的属性

*/


</script>